$(function () {

    //初始化校验表单
    validateRule();

    //根据菜单类型，显示屏蔽相关字段
    var menuType = $('input[name="menuType"]:checked').val();
    menuVisible(menuType);
});


function validateRule() {
    var options = {
        fields:{
            menuType:{
                message:'菜单类型非法',
                validators:{
                    //非空
                    notEmpty:{
                        message:'必填'
                    }
                }
            },
            menuName:{
                message:'菜单名称非法',
                validators:{
                    //非空
                    notEmpty:{
                        message:'必填'
                    },
                    //限制字符串长度
                    stringLength:{
                        min:1,
                        max:20,
                        message:'用户名长度必须介于1到20之间'
                    }
                }
            },
            menuSort:{
                message:'显示排序非法',
                validators:{
                    //非空
                    notEmpty:{
                        message:'必填'
                    },
                    //限制字符串长度
                    digits:{
                        message:'显示排序必须是正整数'
                    },
                    //基于正则表达式的验证
                    lessThan:{
                        value:10000,
                        message:'最大输入10000'
                    }
                }
            }
        }
    }
    $.validate.init(options);
}

//打开图标列表
$("#icon-btn").click(function () {
    $.modal.openNoBtn("图标列表", prefix + "/icon");
});

//切换菜单类型，显示屏蔽相关字段
$('input').on('ifChecked', function(event){
    var menuType = $(event.target).val();
    menuVisible(menuType);
});

function menuVisible(menuType) {
    if (menuType == "1") {
        $("#menuUrl").parents(".form-group").hide();
        $("#permission").parents(".form-group").hide();
        $("#menuIcon").parents(".form-group").show();
    } else if (menuType == "2") {
        $("#menuUrl").parents(".form-group").show();
        $("#permission").parents(".form-group").show();
        $("#menuIcon").parents(".form-group").hide();
    } else if (menuType == "3") {
        $("#menuUrl").parents(".form-group").hide();
        $("#permission").parents(".form-group").show();
        $("#menuIcon").parents(".form-group").hide();
    }
}

/*菜单管理-新增-选择菜单树*/
function selectMenuTree() {
    var parentId = $("#treeId").val();
    if(parentId > 0){
        var url = prefix + "/getMenuTree/" + parentId;
        var options = {
            title: '菜单选择',
            width: "500",
            url: url,
            callBack: doSubmit
        };
        $.modal.openOptions(options);
    }else{
        $.modal.alertWarning("主菜单不能选择");
    }
}

function doSubmit(index, layero){
    var body = layer.getChildFrame('body', index);
    $("#treeId").val(body.find('#treeId').val());
    $("#treeName").val(body.find('#treeName').val());
    layer.close(index);
}


function edit() {
    if(!$.validate.form()){
        return;
    }
    var item = $("#myForm").serializeJSON();
    $.operate.save(prefix + "/edit", JSON.stringify(item));
}